<%--
  Created by IntelliJ IDEA.
  User: 吕厚厚
  Date: 2020/7/3
  Time: 11:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>在线留言系统</title>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}js/sockjs.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css" type="text/css" media="all" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/chat.css" type="text/css" media="all" />
    <script type="text/javascript">




    </script>
</head>

<body>
<!--顶部开始-->
<div class="top">
</div>
<!--顶部end-->
<!--头部开始-->
<div class="header">
    <div class="inHeader">
        <h1>传智播客聊天室系统</h1>
        <div class="style">
         &nbsp;&nbsp;<button id="exitBtn">退出或重新登录</button></p>
        </div>
    </div>
</div>
<!--头部end-->
<!--聊天区域开始-->
<div class="chatArea" id="chatArea">
    <div class="inChatArea">
        <div id="chatSidebar" class="chatSidebar">
            <h2 id="chatOnline">在线用户(0人)</h2>
            <ul id="chatUserList">
                <!--  <li>bobo老师</li>
                  -->
            </ul>
        </div>
        <div class="chatCon">
            <div class="up" id="up">
                <ul id="contentUl">
                    <!-- <li><b>14:08</b><em>江山如此多娇</em><span>今天天气不大家出来嗨！！！！！</span></li>
                    -->
                </ul>
            </div>
            <div class="down">
                <textarea class="textInfo" id="msg" title="按ctrl+enter直接发送"></textarea>
                <button class="btn" id="sendBtn"></button>
            </div>
        </div>

    </div>
</div>
<!--聊天区域结束-->
<div class="footer">
</div>
</body>
</html>

